<template>
  <div>
    <el-container>
      <el-aside width="auto"><CommonAside /></el-aside>
      <el-container id="right_main">
        <el-header><CommonHeader /></el-header>
        <CommonTag/>
        <el-main><router-view></router-view></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import CommonAside from "../components/CommonAside.vue";
import CommonHeader from "../components/CommonHeader.vue";
import CommonTag from "../components/CommonTag.vue";
export default {
  name: "Main",
  components: { CommonAside, CommonHeader,CommonTag },
};
</script>

<style>
.el-main{
  padding: 10px;
}
.el-aside {
  height: 100vh;
  overflow-y: hidden;
}
.el-header {
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
  background-color:#fdfdfd;
  padding: 10px 10px;
}
#right_main {
  height: 100vh;
  
}
.el-form-item__content{
    width: 70%;
  }
</style>
